
$base_font: 'ProximaNova';

@mixin translate3d($value1,$value2,$value3){
    -webkit-transform: translate3d($value1,$value2,$value3);
    -moz-transform: translate3d($value1,$value2,$value3);
    -o-transform: translate3d($value1,$value2,$value3);
    -ms-transform: translate3d($value1,$value2,$value3);
    transform: translate3d($value1,$value2,$value3);
}

@mixin translateY($value){
    -webkit-transform: translateY($value);
    -moz-transform: translateY($value);
    -o-transform: translateY($value);
    -ms-transform: translateY($value);
    transform: translateY($value);
}
@mixin translateX($value){
    -webkit-transform: translateX($value);
    -moz-transform: translateX($value);
    -o-transform: translateX($value);
    -ms-transform: translateX($value);
    transform: translateX($value);
}
@mixin translateZ($value) {
    -webkit-transform: translateZ($value);
    -moz-transform: translateZ($value);
    -ms-transform: translateZ($value);
    transform: translateZ($value);
}

@mixin transition($value){
    -webkit-transition:$value;
    -moz-transition:$value;
    -o-transition:$value;
    transition:$value;
}
@mixin transform-style($value){
    -webkit-transform-style: $value;
    -moz-transform-style: $value;
    -o-transform-style: $value;
    -ms-transform-style: $value;
    transform-style: $value;
}
@mixin transform-origin($value){
    -webkit-transform-origin:$value;
    -moz-transform-origin: $value;
    -o-transform-origin: $value;
    -ms-transform-origin: $value;
    transform-origin: $value;
}

@mixin bg_gradient2($value1,$value2){
    background: -webkit-linear-gradient($value1,$value2);
    background: -moz-linear-gradient($value1,$value2);
    background: -o-linear-gradient($value1,$value2);
    background: -ms-linear-gradient($value1,$value2);
    background: linear-gradient($value1,$value2);
}
@mixin bg_image($file){
    background: url('../images/#{$file}') no-repeat;
    background-size: 100% 100%;
}

@mixin bg_cover($file){
    background: url('../images/#{$file}') no-repeat;
	background-size: cover;
}

@mixin border_radius($value){
	-webkit-border-radius: $value;
	-moz-border-radius: $value;
	-o-border-radius: $value;
	-ms-border-radius: $value;
    border-radius: $value;
}

@mixin clearfix(){
    display:block;
    content: " ";
    clear: both;
    height: 0;
    overflow: hidden;
}

@mixin animation($duration,$delay){
    -webkit-animation-duration: $duration;
    -webkit-animation-delay: $delay;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: both;
    -moz-animation-duration: $duration;
    -moz-animation-delay: $delay;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: both;
    -ms-animation-duration: $duration;
    -ms-animation-delay: $delay;
    -ms-animation-timing-function: ease;
    -ms-animation-fill-mode: both;
    animation-duration:$duration;
    animation-delay: $delay;
    animation-timing-function: ease;
    animation-fill-mode: both;	          
}